<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Academia Mozart</title>
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

    <script src="validate.js"></script>
  </head>

  <body>
    <div id="wrapper">
      <div id="header">
      </div>

      <div id="nav">
		<a href="Lista.html">Lista</a>	  
        <a href="Busqueda.php">Buscar</a>
        <a href="Insertar.html">Insertar</a>
        <a href="Modificar.php">Modificar</a>
        <a href="Eliminar.php">Eliminar</a>
        <a href="info.php">Info</a>
        <a href="Salir.php">Salir</a>
      </div>

      <div id="body">
        <!--Datos Alumno-->
        <div id="body-top">
          <div id="body-bot">

            <form name="registro" method="post" action="Insertar.php" enctype="multipart/form-data">
              <div id="about-box">
                <h2><b>Foto del Alumno</b></h2><br />
                <input id="foto" type="file" name="foto"/><br/><br/>
                <br/><h2><b>Dirección</b></h2>

                <table>
                  <tr>
                    <td>Calle:</td>
                    <td><input type="text" name="calle" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Numero Interior:</td>
                    <td><input type="text" name="numInt" align="right"/> </td>
                  </tr>
                  <tr>
                    <td>Numero Exterior:</td>
                    <td><input type="text" name="numExt" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Colonia:</td>
                    <td><input type="text" name="col" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>CP:</td>
                    <td><input type="text" name="cp" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Delegacion:</td>
                    <td><input type="text" name="del" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>
                      <!--<input type="submit" name="formDatos" value="Guardar" onClick="mensaje();document.[registro].reset()"> -->
                    </td>
                  </tr>
                </table>
                <!--</form>-->
                <p>&nbsp;</p>
              </div>

              <div id="express-box">
                <h2><b>Datos del Alumno</b></h2><br/><br/>
                <!--<form name="registro2" method=post action="Insertar.php">-->
                <table>
                  <tr>
                    <td>Nombre:</td>
                    <td><input type="text" name="nom" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Apellido Paterno:</td>
                    <td><input type="text" name="apPat" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Apellido Materno:</td>
                    <td><input type="text" name="apMat" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Teléfono Casa:</td>
                    <td><input type="text" name="telCasa" align="right" value="55-55-55-55"/></td>
                  </tr>
                  <tr>
                    <td>Teléfono Celular:</td>
                    <td><input type="text" name="telCel" align="right" value="044-55-55-55-55-55"/> </td>
                  </tr>
                  <tr>
                    <td>Día de pago:</td>
                    <td><input type="text" name="pago" align="right"/>*</td>
                  </tr>
                  <tr>
                    <td>Costo del curso: $</td>
                    <td><input type="text" name="costo" align="right" value="0"/>*</td>
                  </tr>
                  <tr>
                    <td>Instrumento:</td>
                    <td><select name="instrumento">
                        <option value="Piano">Piano</option>
                        <option value="Organo con pedalier">Organo con pedalier</option>
                        <option value="Teclados">Teclados</option>
                        <option value="Bajo electrico">Bajo eléctrico</option>
                        <option value="Guitarra electrica">Guitarra eléctrica</option>
                        <option value="Bateria">Batería</option>
                        <option value="Violin"> Violín</option>
                        <option value="Violonchelo">Violonchelo</option>
                        <option value="Acordeon">Acordeón</option>
                        <option value="Guitarra acustica">Guitarra acústica</option>
                        <option value="Flauta transversal">Flauta transversal</option>
                        <option value="Trompeta">Trompeta</option>
                        <option value="Saxofon">Saxofón</option>
                        <option value="Otro">Otro</option>
                      </select>*
                    </td>
                  </tr>
                  <tr>
                    <td>Curso:</td>
                    <td><select name="curso">
                        <option value="Iniciacion Musical">Iniciacion Musical</option>
                        <option value="Curso de Verano">Curso de Verano</option>
                        <option value="Basico">Basico</option>
                        <option value="Medio Superior">Medio Superior</option>
                        <option value="Intensivo">Intensivo</option>
                      </select>*
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2">
                      <br/>Los campos con * son obligatorios<br/>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <br/><input type="reset" value="Limpiar" />
                      <input type="button" value="Guardar" onclick="Alumno();"/>
                    </td>
                  </tr>
                </table>
              </div>
            </form>

            <div class="clear">
            </div>

          </div>
        </div>
      </div>
    </div>

    <!--pie de pagina-->
    <div id="footer">
      <p>&copy; 2012 <a href="http://www.academiamozart.es.tl">http://www.academiamozart.es.tl</a></p>
    </div>

  </body>

</html>
